<?xml version="1.0" encoding="ISO-8859-1" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Landing page</title>
<style type="text/css">
body,html {
	margin: 0;
	padding: 0;
	width: 100%;
	font-family: Verdana;
	background-color: #cec;
}

#libList{
	left: 0px;
	cursor: pointer;
	width: 100%;
	float: left;
}

#container {
	margin: 2 auto;
}

#libList ul {
	list-style-type: none;
}

.fisheyeTarget {
	font-weight: bold;
	font-size: 19px;
}

#libChooser li {
	text-align: right;
	padding-bottom: 12px;
	float: left;
	position: relative;
	width: 15%;
}

.ilk {
	border-top: 1px solid #999;
	color: #666;
	font-size: smaller ;
	margin-left: 10px;
}

#contentArea{
	text-align: center;
	font-size: small;
}

:LINK {
	text-decoration: none;
	color: #666666;
}

</style>

<!-- load the dojo toolkit base -->
<script type="text/javascript"
	src="dojo/dojo-release-1.2.0/dojo/dojo.js"
	djConfig="parseOnLoad:true, isDebug:false"></script>

<script type="text/javascript">
dojo.require("dojo.parser");
dojo.require("dojox.widget.FisheyeLite");
	var init = function() {
		// turn li's in this page into fisheye items, presumtiously:	
		dojo.query("li.bounce").forEach(function(n){
			new dojox.widget.FisheyeLite({ },n);
		});
	};
	dojo.addOnLoad(init);
	
</script>
</head>
<body class="tundra">
<div id="libChooser">
<div id="libList">
<ul>
	<li class="bounce"><a href="dojo.html"><span class="fisheyeTarget">Dojo</span><br />
	<span class="ilk">core js utilities, loads of widgets</span></a>
	</li>
	<li class="bounce"><a href="extjs.html"><span class="fisheyeTarget">Ext-JS</span><br />
	<span class="ilk">Out of box Eye Candy UI, pluggable, customizable</span></a>
	</li>
	<li class="bounce"><a href="jquery.html"><span class="fisheyeTarget">JQuery</span><br />
	<span class="ilk">extremely compact, pluggable, microsoft endorsed</span></a>
	</li>
	<li class="bounce"><a href="mootools.html"><span class="fisheyeTarget">mootools</span><br />
	<span class="ilk">Flashy and compact library</span></a>
	</li>
	<li class="bounce"><a href="prototype.html"><span class="fisheyeTarget">prototype</span><br />
	<span class="ilk">hugely popular, compact, UI using scriptaculous</span></a>
	</li>
	<li class="bounce"><a href="yui.html"><span class="fisheyeTarget">yui</span><br />
	<span class="ilk">Pluggable, documented, lot of utilities and
	widgets</span></a>
	</li>
</ul>
</div>
</div>
<div id="menuBar"></div>
<div id="contentArea">
<span style="vertical-align: middle;">
Kindly click on any of the JS libraries above. to see the page with capabilities of that JavaScript library.
<br />
Firefox / Or any standard compliant browsers are highly recommended! 
</span>
<div><a href="non-existinglink">Current comparison of various frameworks and their capabilities and limitations</a></div>
</div>
<div id="teaserArea"></div>
<div id="statusBar"></div>

</body>
</html>

